<script setup>
import { onMounted } from 'vue'
import { useAppStore } from './stores/app'

// 获取应用 store
const appStore = useAppStore()

// 应用初始化
onMounted(() => {
  appStore.initializeApp()
})
</script>

<template>
  <router-view />
</template>

<style>
/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, #app {
  width: 100%;
  height: 100%;
}

/* 主题变量 */
:root {
  --primary-color: #1890ff;
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --text-color: #333;
  --bg-color: #fff;
  --border-color: #e8e8e8;
}

/* 暗黑主题 */
[data-theme="dark"] {
  --text-color: #fff;
  --bg-color: #1f1f1f;
  --border-color: #434343;
}
</style>
